<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--表单元素标签 form action属性表单提交到服务器地址-->
    <form action="test.php">
        <!--表单元素-->
        <!--明文输入框-->
        用户：<input type="text">
        <!--暗文输入框-->
        密码：<input type="password"><br>
        <!--单选按钮-->
        性别：
        男：<input type="radio" name="gender" value="male">
        女：<input type="radio" name="gender" value="famale"><br>
        <!--复选框-->
        爱好：
        画画：<input type="checkbox" name="hobbies" value="draw">
        唱歌：<input type="checkbox" name="hobbies" value="sing">
        跳舞：<input type="checkbox" name="hobbies" value="dance">
        <!--hr分割线-->
        <hr>
        <select name="city">
            <optgroup label="一线城市">
                <option value="taiyuan">太原</option>
                <option value="datong">大同</option>
                <option value="yuncheng">运城</option>
            </optgroup>
            <optgroup label="二线城市">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
            </optgroup>
        </select>
        <!--多行文本框-->
        <textarea cols="30" rows="10"></textarea>
        <!--日期选择器-->
        <input type="date">
        <!--时间日期选择器-->
        <input type="datetime-local">

    </form>
</body>
</html>